.activity {
    width: 100%;
    height: 100%;
  }
  
  .activity .center {
    display: flex;
    justify-content: space-between;
    /* background-color: #f4f8fb; */
    width: 100%;
  }
  
  .center-r{
    width: 100%;
    /* padding: 30px 0 0 30px; */
    padding-left: 30px;
    background-color: #f4f8fb;
    margin-top: 56px;
  }
  .center-r .box{
    background-color: #fff;
  }
  .box-center{
    margin: 54px 0 0 54px;
  }
  .box-center .notice{
    font: 10px/40px "微软雅黑";
    border-bottom: 1px solid #ccc;
    padding-left: 50px;
  }
  .box-center .notice>span{
    color: #666;
  }
  .box-center .notice .blue{
    margin-left: 20px;
    color: #3da4ff;
  }
  /* 数据表 */
  .lists{
    width: 100%;
    padding: 30px 30px 0 30px;
    box-sizing: border-box;
  }
  .el-tabs__content{
    border:none;
    padding: 0 30px;
  }
  /* 订单报表 */
  .order{
    letter-spacing: 1px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .order-list{
    display: flex;
    justify-content: space-between;
    width: 46.5%;
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    box-shadow: 5px 5px 10px #ccc;
  }
  .list-left{
    width: 176px;
    background-color: #36a4ff;
    padding: 12px 0;
  }
  .list-left>h1{
    font: 18px/45px "微软雅黑";
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .list-left>h2{
    font: 16px/40px "微软雅黑";
    color: #000;
    font-weight: bold;
    text-align: center;
  }
  .list-center{
    font: 14px/40px "\5FAE\8F6F\96C5\9ED1";
    font-weight: bold;
    margin-right: 32px;
  }
  .list-center ul li{
    font: 14px/20px "微软雅黑";
    text-align: left;
  }
  /* 表格 */
  .s-table{
    margin-top: 45px;
  }
  .td3 h2,.td3 p{
    text-align: center;
  }
  .s-table .table{
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    border-color: #cccccc;
  }
  .table>thead{
    height: 60px;
    background-color: #36a4ff;
    color: #fff;
    font: 14px/60px "微软雅黑";
  }
  .table>tbody td{
    /* height: 80px; */
  }
  .table .td1{
    font-size: 14px;
    color: #666666;
    text-align: center;
  }
  .tbody .td-div{
    margin: 6px;
    text-align: right;
    font-size: 14px;
    color: #666;
  }
  .tbody .td-div>h2{
    font-size: 14px;
    color: #333333;
  }
  .tbody .td3 .td-div{
    margin: 6px;
    text-align: right;
    font-size: 14px;
    color: #666;
  }
  .tbody .td3 .td-div>h2{
    text-align: right;
    font-size: 14px;
    color: #666;
  }
  .tbody .td3 .td-div>p{
    text-align: right;
    font-size: 14px;
    color: #666;
  }
  .nonow{
    text-align: center;
  }
.getMore {
  width: 194px;
  height: 43px;
  margin: 50px auto;
  border-radius: 10px;
  background: #f4f4f4;
  color: #666;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
}
.getMore:hover {
  cursor: pointer;
  background: #e6e6e6;
  color: rgb(85, 85, 85);
}

